<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <title>完善信息-协议</title>
    <link href="{{asset('vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
    <link rel="stylesheet" href="{{asset('css/buz/style.css')}}" />
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="{{asset('js/buz/jquery.min.js')}}"></script>
    <script src="{{asset('js/buz/common.js')}}"></script>
    <script src="{{asset('vendor/bootstrap/js/bootstrapValidator.js')}}"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="{{asset('vendor/bootstrap/js/bootstrap.min.js')}}"></script>
</head>
<body class="bgwhite">
<div id="header">
    <div class="container-fluid">
        <div class="navbar row">
            <div class="navbar-header col-xs-5 col-sm-3 col-md-2">
                <a class="navbar-brand col-xs-12 col-sm-12 col-md-12" href="index.html">
                    <img src="{{asset('image/logo1.png')}}" class="right" width="150px" height="60px" style="margin-top:10px ;" />
                </a>
            </div>
            <nav class="top-nav col-xs-7 col-sm-9 col-md-10 padd">
                <div class="nav navbar-nav col-md-12 col-sm-12 col-xs-12 padd">
                    <div style="text-align: center; line-height: 77px; font-size: 18px; font-weight: bold;" class="col-md-11 col-xs-8">
                        实名认证
                    </div>
                    <div class="pull-right col-md-1  col-xs-4">
                        <i class="m-zhxx "></i>
                    </div>
                </div>

            </nav>
        </div>
    </div>
    <!-- Start .header-inner -->
</div>
<!--
        	作者：
        	时间：2017-11-22
        	描述：实名认证的信息进度条
        -->
<div class="info" style="margin-top: 80px;">
    <ul class="col-xs-12 col-ms-12 col-md-10 col-md-push-1" style="margin-top: 40px;">
        <li class="col-xs-4 col-ms-4 col-md-4">
            <cite class="circle bg5B">1</cite>
            <span class="line"></span>
        </li>
        <li class="col-xs-4 col-ms-4 col-md-4">
            <cite class="circle">2</cite>
            <span class="line"></span>
        </li>
        <li class="col-xs-4 col-ms-4 col-md-4">
            <cite class="circle">3</cite>
        </li>
    </ul>
    <ul class="col-xs-12 col-ms-12 col-md-10 col-md-push-1 mt20 textC">
        <li class="col-xs-4 col-ms-4 col-md-4 color5B">
            技术协议
        </li>
        <li class="col-xs-4 col-ms-4 col-md-4 color5B">
            基本信息
        </li>
        <li class="col-xs-4 col-ms-4 col-md-4 color5B">
            结算信息
        </li>
    </ul>
</div>
<div class="container padd mt20">
    <form class="form-horizontal" role="form" name="myForm" id="userInfo" method="post">

        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">产品类型</label>
                    <input type="hidden" id="realNameAuthType" name="realNameAuthType" value="">
                    <div class="col-sm-8">
                        <label for="sybCbox" class="radio-inline" style="padding-left: 0">
                            <input type="checkbox" id="sybCbox" checked disabled>收银宝
                        </label>
                        <label for="sqbCbox" class="radio-inline">
                            <input type="checkbox" id="sqbCbox" onclick="showBank(this)">收钱宝
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">商户性质</label>
                    <div class="col-sm-8">
                        <input type="hidden" id="companyId" name="companyId" value="">
                        <input type="hidden" id="companyType" value="">
                        <label class="radio-inline">
                            <input type="radio" id="uncompany" name="companyType" value="1" checked>&nbsp;个人
                        </label>
                        <label class="radio-inline">
                            <input type="radio" id="company" name="companyType" value="2">&nbsp;企业
                        </label>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">商户类型</label>
                    <div class="col-sm-8">
                        <input type="hidden" id="subCompanyType" value="">
                        <label class="radio-inline">
                            <input type="radio" name="subCompanyType" value="1" checked>&nbsp;应用提供商
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="subCompanyType" value="2" disabled>&nbsp;渠道分销商
                        </label>

                    </div>
                </div>
            </div>
        </div>
        <hr />

        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">签约名</label>
                    <div class="col-sm-8">
                        <input class="form-control" type="text" name="userName" id="userName" value="" placeholder="工信部备案主体">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">经营范围</label>

                    <div class="col-sm-4">
                        <select class="form-control" id="SelBusiType" name="businessType" ng-model="businessTypeUser">
                            <option value="">请选择经营范围</option>
                        </select>
                    </div>
                    <div class="col-sm-4">
                        <select class="form-control" id="SelBusiSubType" name="businessSubType" ng-model="businessSubTypeUser">
                            <option value="">请选择经营范围</option>
                        </select>
                    </div>

                </div>
            </div>
        </div>
        <div class="row companyAttr">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">企业名称</label>
                    <div class="col-sm-8">
                        <input class="form-control" type="text" name="companyName" id="companyName" value="" placeholder="请输入企业名称">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">企业经营地址</label>
                    <div class="col-sm-8">
                        <input class="form-control" type="text" name="companyAddress" id="companyAddress" value="" placeholder="请输入企业经营地址">
                    </div>
                </div>
            </div>
        </div>
        <div class="row companyAttr">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">营业执照号</label>
                    <div class="col-sm-8">
                        <input class="form-control" type="text" name="licenseNo" id="licenseNo" value="" placeholder="请输入营业执照号">
                    </div>
                </div>
            </div>
        </div>



        <hr>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">联系人姓名</label>
                    <div class="col-sm-8">
                        <input class="form-control" type="text" name="contactName" id="contactName" value="" placeholder="请输入联系人">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">联系电话</label>
                    <div class="col-sm-8">
                        <input class="form-control" type="text" name="contactTelephone" id="contactTelephone" value="" placeholder="请输入电话">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">邮箱</label>
                    <div class="col-sm-8">
                        <input class="form-control" type="text" name="contactEmail" id="contactEmail" value="" placeholder="请输入Email地址">
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">QQ</label>
                    <div class="col-sm-8">
                        <input class="form-control" type="text" name="contactQQ" id="contactQQ" value="" placeholder="请输入QQ号">
                    </div>
                </div>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">通讯地址</label>

                    <div class="col-sm-4">
                        <select class="form-control" id ="SelProvince" name="contactProvId" ng-model="provUser">
                            <option value="">请选择省</option>
                        </select>
                    </div>
                    <div class="col-sm-4">
                        <select class="form-control" id ="SelCity" name="contactCityId" ng-model="cityUser">
                            <option value="">请选择市</option>
                        </select>
                    </div>

                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <div class="col-sm-8 col-sm-push-3">
                        <input class="form-control" placeholder="请详细到镇、街道" id="contactAddress" name="contactAddress" value="" type="text">
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="row personAttr">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">身份证号</label>
                    <div class="col-sm-8">
                        <input class="form-control" type="text" name="idCard" id="idCard" value="" placeholder="请输入身份证号">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="firstname" class="col-sm-3 control-label"></label>
                    <div class="col-sm-8">
                        <button type="button" class="btn btn-primary" data-i="0">下一步</button>
                    </div>
                </div>
            </div>
        </div>


    </form>
</div>
<script>
    //个人、企业的差别显示
    $("#uncompany").click(function(){
        $(".companyAttr").hide();
        $(".personAttr").show();
    });
    $("#company").click(function(){
        $(".companyAttr").show();
        $(".personAttr").hide();
    });
    //	计算line的宽度
    var width=$(".line").width();
    var left=$(".circle").position().left;
    $(".line").css({"width":(width-40)+"px"});
    $(".line").css({"left":(left+40)+"px"});
</script>
</body>



</html>
